page-exchange-crypto {
  .history-btn {
    height: 42px;
  }
  ion-spinner {
    * {
      stroke: color($colors, primary) !important;
    }
  }
  .bp-list {
    margin-top: 40px;
    @media (max-height: 620px) {
      margin-top: 20px;
    }
    @media (max-height: 580px) {
      margin-top: 10px;
    }
    .row {
      flex-wrap: nowrap;
    }
  }
  .wallet {
    display: flex;
    align-items: center;
    coin-icon {
      ion-icon.item-img.icon {
        padding: 5px;
        img {
          min-width: 24px;
        }
      }
    }
    .name-balance {
      max-width: 300px;
      @media (max-width: 480px) {
        max-width: 220px;
      }
      @media (max-width: 380px) {
        max-width: 120px;
      }
      .balance {
        opacity: 0.5;
      }
    }
  }
  .amount {
    text-align: end;
    .amount-container {
      background-color: color($colors, light);
      min-width: 10rem;
      height: 4.5rem;
      line-height: 18px;
      display: flex;
      align-items: center;
      justify-content: flex-end;
      padding: 0 1.6rem;
      cursor: pointer;
    }
  }
  .divider {
    height: 2px;
    border-bottom: 1px solid color($colors, light);
    margin: 4rem 1.8rem;
    .arrow {
      text-align: center;
      img {
        margin-top: -20px;
      }
    }
    @media (max-height: 620px) {
      margin: 3rem 1.8rem;
    }
    @media (max-height: 580) {
      margin: 2rem 1.8rem;
    }
  }
  .bp-list {
    ion-item {
      cursor: pointer;
    }
    .item-label {
      width: 92%;
      margin: 0px auto;
      color: #9ba3ae;
      line-height: 18px;
    }
  }
  .rate-container {
    justify-content: flex-end;
    margin-top: -20px;
    margin-right: 20px;
    .rate {
      color: color($colors, light-grey);
    }
  }
  .partner {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 1rem;
    img {
      margin-left: 7px;
    }
  }
}
